#main
{
    width: 600px;
    box-shadow: 0 0 25px #AAA;
    background-repeat: repeat-y;
    background-color: #f5f5f5;
    border-width: 1px;
    border-color: #777777;
    overflow: hidden;
    border-style: solid;
    margin-top: -20px;
}
body
{
    background-image: url('http://school.loc/view/images/background.jpg');
    background-color: #DDD;
    background-size: 100% 100%;
    font-family: 'Droid Sans', sans-serif;
}

#headline
{
    margin-top: 50px;
    width: 580px;
    background-color: #777;
    padding-left: 20px;
    box-shadow: 0 0 7px #AAA;
    cursor: pointer;
}

.bottom_radius
{
    border-bottom-left-radius:3px;
    -webkit-border-bottom-left-radius:6px;
    -moz-border-bottom-left-radius:6px;
    -khtml-border-bottom-left-radius:6px;

    border-bottom-right-radius:3px;
    -webkit-border-bottom-right-radius:6px;
    -moz-border-bottom-right-radius:6px;
    -khtml-border-bottom-right-radius:6px;
}

#content
{
    padding:20px;
}

input
{
    font-family: 'Droid Sans', sans-serif;
    padding: 3px;
}

button
{
    font-family: 'Droid Sans', sans-serif;
    padding: 4px;
}

a
{
    color: #000;
    text-decoration: none;
}

a:hover
{
    color: #888;
    text-decoration: underline;
}

.comment_panel
{
    float: right;
    font-size: 12px;
    margin: 5px;
    color:#888;
    cursor: pointer;
    text-align: right;
}

.comment_panel:hover
{
    text-decoration: underline;
}

.add_links
{
    float: right;
    font-size: 12px;
    margin: 5px;
    color:#888;
    cursor: pointer;
    text-align: right;
}

.add_links:hover
{
    text-decoration: underline;
}

.star
{
    background-image: url('http://school.loc/view/images/star.png');
    background-size: 100% 100% ;
    width: 20px;
    height: 20px;
    opacity: 0.1;
    float: right;
}

.star:hover
{
    opacity: 0.5;
    cursor: pointer;
}